//179000550黄超凡
//  5.把总价放在一个函数内，实现做任何操作，都能够实时反应出订单总额的变化
function total() {
    let checkboxs = $(".product-em");
    let priceList = $(".price");
    let countList = $(".product-num");
    let totalPrice = 0;
    for (let i = 0; i < priceList.length; i++) {
        if ($(checkboxs[i]).hasClass("product-xz")) {       //勾选商品总价才变化
            let price = parseFloat($(priceList[i]).text());
            let count = parseInt($(countList[i]).val());
            totalPrice += price * count;
        }
    }
    $(".all-price").html(totalPrice);
}
//  实时更新全选框后的数量
function updateNum() {
    $(".product-all-sl").text($(".product-em").length);
}
//  1.商品的数量可以“加”、“减”,且不能小于1
$(".product-jian").click(function () {
    if (parseInt($(this).next().val()) < 2) {
        alert("数量不能小于1！");
        return false;
    }
    let count = $(this).next().val();
    count --;
    $(this).next().val(count);
    total();
});
$(".product-add").click(function () {
    if (parseInt($(this).prev().val()) > 9) {
        alert("每次限购10000台！");
        return false;
    }
    let count = $(this).prev().val();
    count ++;
    $(this).prev().val(count);
    total();
});
//  2.点击“垃圾桶”，可以从购物车中移除该商品，删除时需要弹出确认对话框。
$(".product-del").click(function () {
    // 用户点击"确定"删除,点击"取消"不做任何操作
    if (confirm("确认要移除该商品吗？")) {
        $(this).closest(".product-box").remove();
    }
    total();                //删除商品更新总价
    updateNum();            //删除商品更新全选数量
});
//  3.商品选中与未选中可以切换
$(".product-em").click(function () {
    $(this).toggleClass("product-xz");
    //  6.如果一个商品都没有选中，结算按钮变灰不可点击
    if ($(".product-em").hasClass("product-xz")) {
        $(".product-sett").removeClass("product-sett-a");
    }else {
        $(".product-sett").addClass("product-sett-a");
    }
    // 如果当前商品未勾选,全选选框自动不勾选
    if (!($(this).hasClass("product-xz"))) {
        $(".sel-all").removeClass("product-all-on");
        $(".all-sl").css("display","none");
    }
    total();
    updateNum();
});
//  4.最下方单选按钮实现全选功能
function tfSelAll() {
    $(".sel-all").toggleClass("product-all-on");
    if ($(".sel-all").hasClass("product-all-on")) {
        $(".product-em").addClass("product-xz");
        updateNum();
        $(".all-sl").css({
            "display":"",
            "color":"red",
            "font-size":"18px"
        });
    }else {
        $(".product-em").removeClass("product-xz");
        $(".all-sl").css("display","none");
    }
}
$(".sel-all").click(function () {
    tfSelAll();
    total();
});

//  7.如果购物车的商品被清空，则页面显示如下：
$(".product-del").click(function() {
    if ($(".product").children().length == 0) {
        $(".kon-cat").css("display", "block")
    }
    total();
});